page {
  background-color: #f2f4f5;
}

.hd_nav {
  display: flex;
  margin-top: 10rpx;
  margin-bottom: 8rpx;

  .allBtn {
    border: 1px solid #ccc;
    padding: 10rpx;
    margin-left: 15rpx;
    background-color: #fff;
  }

  .hotBtn {
    border: 1px solid #ccc;
    padding: 10rpx;
    background-color: #fff;

    &:nth-child(2) {
      margin: 0 10rpx;
    }
  }

  .active {
    color: var(--themeColor);
    border: 1rpx solid red;
  }
}

.goods_items {
  display: flex;
  padding: 0 20rpx;
  border-bottom: 2px solid #ccc;

  &:nth-child(1) {
    margin-top: 15rpx;
  }


  .left_pics {
    flex: 2;

    image {
      width: 100%;
    }
  }

  .right_pro {
    flex: 5;
    padding-left: 20rpx;
    padding-top: 30rpx;

    .goods_name {
      line-height: 35rpx;
      font-size: 25rpx;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    .price {
      color: var(--themeColor);
      padding-top: 10rpx;
    }
  }
}